<!DOCTYPE html>
<html>
    <head>
        <script src="js/vue.js"></script>
    </head>
    <body>
        <div id="app">
            <my-parent v-bind:name="name1"></my-parent>
        </div>
        <script>
            Vue.component('my-parent',{
                props : ['name'],
                template : '<div>我是父组件的{{name}}（属性值）</div>'
            });

            var vm = new Vue({
                el:'#app',
                data: {
                    name1: 'title1'
                }
            });

        </script>
    </body>
</html>